/**
  项目后台JS主入口
  以依赖layui的layer,form和element模块为例
**/    
layui.define(['layer', 'form','element'], function(exports){
  var layer = layui.layer
  ,form = layui.form
  ,element = layui.element;

    //触发事件
  var active = {
    tabAdd: function(){
      //新增一个Tab项
      //'demo'：事件过滤器（公用属性），主要用于事件的精确匹配，跟选择器是比较类似的。
      element.tabAdd('demo', {
        title: '新选项'+ (Math.random()*1000|0) //用于演示
        ,content: '内容'+ (Math.random()*1000|0)
        ,id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
      })
    },
    tabCategoryAddress: function(){
      //新增一个Tab项
      //'demo'：事件过滤器（公用属性），主要用于事件的精确匹配，跟选择器是比较类似的。
      element.tabAdd('demo', {
        title: '地区分类' 	//tab标题
        ,content: '<iframe src="/manage/category/0" style="width:100%;border:0px;"></iframe>'
        ,id: 'tabCategoryAddress' //实际使用一般是规定好的id，这里以时间戳模拟下
      });
      //新建后跳转zd
      element.tabChange('demo', 'tabCategoryAddress');
        var $content = $('.layui-tab-content');
        $content.height(window.screen.availHeight - window.screen.availHeight/3);
        $content.find('iframe').each(function () {
            $(this).height($content.height());
        });
    },
    tabCategoryProperty: function(){
      //新增一个Tab项
      //'demo'：事件过滤器（公用属性），主要用于事件的精确匹配，跟选择器是比较类似的。
      element.tabAdd('demo', {
        title: '属性分类' 	//tab标题
        ,content: '<iframe src="/manage/category/1" style="width:100%;border:0px;"></iframe>'
        ,id: 'tabCategoryProperty' //实际使用一般是规定好的id，这里以时间戳模拟下
      });
      //新建后跳转zd
      element.tabChange('demo', 'tabCategoryProperty');
      var $content = $('.layui-tab-content');
      $content.height(window.screen.availHeight - window.screen.availHeight/3);
      $content.find('iframe').each(function () {
        $(this).height($content.height());
      });
    },
    tabDelete: function(othis){
      //删除属性lay-id为44的Tab项
      element.tabDelete('demo', '44'); //删除：“商品管理”
      
      
      othis.addClass('layui-btn-disabled');
    },
    tabChange: function(){
      //切换到属性lay-id为22的指定Tab项
      element.tabChange('demo', '22'); //切换到：用户管理
    }
  };

  $('.site-demo-active').on('click', function(){
    var othis = $(this), type = othis.data('type');
    if($(".layui-tab-title").children("li[lay-id='"+type+"']").val()==undefined){
    	//如果不存在该标签则新建
    	active[type] ? active[type].call(this, othis) : '';
    }else{
    	//否则跳转
    	element.tabChange('demo', type);
    }
  });
  
  //Hash地址的定位：暂时不懂该功能。。
  var layid = location.hash.replace(/^#test=/, '');
  element.tabChange('test', layid);
  
  element.on('tab(test)', function(elem){
    location.hash = 'test='+ $(this).attr('lay-id');
  });
  //layer.msg('Hello World');
  
  exports('backend', {}); //注意，这里是模块输出的核心，模块名必须和use时的模块名一致
});   

